<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="title" content="Joy Drinking Water" />
	<meta name="viewport" content="width=960, initial-scale=1" />
	<title>Joy Premium Drinking Water</title>
	
	<link href="<?php echo get_template_directory_uri(); ?>/front-page.css" rel="stylesheet" type="text/css" />
</head>
<body >
	<div id="evian">
		<div id="header">
			<div class="header-holder">
				<div class="header-frame">
					<h1 class="logo"><a href="<?php echo esc_url( home_url( '/' ) );?>">Joy Drinking Water</a></h1>
					<div class="block">
						<ul class="actions">
							<li class="kh"><a href="#khmer">khmer</a></li>
							<li class="en regions"><a href="#english" class="region">english</a></li>
						</ul>
					</div>
					<div class="navbar">
						<ul id="nav">
							<li class="active"><a href="/">Home</a></li>
							<li>
								<a href="#news">News</a>
							</li>
							<li>
								<a href="#">Company</a>
							</li>
							<li>
								<a href="#">Product</a>
							</li>
							<li>
								<a href="#">Qualification</a>
							</li>
							<li><a href="#">Health</a></li>
							<li><a href="#">Media Center</a></li>
							<li><a href="#">CSR</a></li>
							<li><a href="#">Contact Us</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div id="header-spacer">&nbsp;</div>
		<div id="main">
			<div class="visual">
				<div class="image">
					<img src="<?php echo get_template_directory_uri(); ?>/images/joy-water-cma-football-league-2014.jpg" alt="" width="472" height="502"/>
					<div class="text" style="width:220px;">
						<p><strong>CMA Football League 2014</strong></p>
						<p>Joy Drinking Water alway with sport</p>
						<p><a href="#" class="btn">Read more</a></p>
					</div>
				</div>
				<ul class="boxes">
					<li class="notanimated">
						<a href="#">
							<img src="<?php echo get_template_directory_uri(); ?>/images/enjoy-with-joy-drinking-water.jpg" alt=""/>
							<span class="text">
								<span class="title">Joy Premium Drinking Water</span>
								<span class="hidden"></span>
							</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="<?php echo get_template_directory_uri(); ?>/images/joy-water-a-glass-of-water-make-you-good-health.jpg" alt=""/>
							<span class="text">
								<span class="title">A glass of water make you good health</span>
								<span class="hidden"></span>
							</span>
						</a>
					</li>
					<li class="">
						<a href="#">
							<img src="<?php echo get_template_directory_uri(); ?>/images/joy-our-love-with-water.jpg" alt=""/>
							<span class="text">
								<span class="title">Our love with Joy Drinking Water</span>
								<span class="hidden"></span>
							</span>
						</a>
					</li>
					<li class="notanimated">
						<a href="#">
							<img src="<?php echo get_template_directory_uri(); ?>/images/joy-drinking-water-produces.jpg" alt=""/>
							<span class="text">
								<span class="title">Joy Drinking Water with good guality</span>
								<span class="hidden"></span>
							</span>
						</a>
					</li>
				</ul>
			</div>

			<!-- Our Products -->
			<div class="section" style="background:none;margin-bottom:10px;">
				<div class="holder">
					<div class="text-holder othersites" style="padding:0px;">
						<h2>Our Products</h2>

						<img src="<?php echo get_template_directory_uri(); ?>/images/our-products.jpg" alt="Our Product" style="width:100%;">
					</div>
				</div>
			</div>

			<div class="section">
				<a class="otherSitesAnchor" name="otherSites"></a>
				<div class="holder">
					<form action="en_SG/contact" class="question-form" method="post">
						<fieldset>
							<div class="columns">
								<div class="column">
									<h2>have question ?</h2>
									<p>contact us</p>
									<div class="input-holder">
										<input type="text" size="20" name="firstname" id="firstname" maxlength="128" placeholder="your first name" class="empty-field" />
									</div>
									<div class="input-holder">
										<input type="text" size="20" name="name" id="name" maxlength="128" placeholder="your last name" class="empty-field" />
									</div>
									<div class="input-holder">
										<input type="text" size="20" name="email" id="email" maxlength="128" placeholder="your email" class="empty-field" />
									</div>
								</div>
								<div class="column">
									<div class="text-area">
										<textarea cols="30" rows="10" name="question" id="question" class="empty-field" placeholder="your question"></textarea>
									</div>
									<div class="submit-holder">
										<a href="#" class="submit">SEND</a>
									</div>
								</div>
							</div>
						</fieldset>
						<div class="question-confirmation">
							<p>Thank you, your question has been sent !</p>
						</div>
					</form>
					<div class="text-holder othersites">
						<h2>Follow us on social</h2>
						<div class="wrapper">
							<ul class="list">
								<li style="margin-top:18px;">
									<a href="https://www.facebook.com/joypremiumdrinkingwater" class="blank">Facebook</a>
								</li>
								<li style="margin-top:40px;">
									<a href="http://joypremiumdrinkingwater.blogspot.com/" class="blank">Blogspot</a>
								</li>
							</ul>
							<div class="more">
								<a href="https://www.facebook.com/joypremiumdrinkingwater" class="blank">
									<img src="<?php echo get_template_directory_uri(); ?>/images/joy-water-facebook.png" alt=""/>
								</a>
								<a href="http://joypremiumdrinkingwater.blogspot.com/" class="blank">
									<img src="<?php echo get_template_directory_uri(); ?>/images/joy-water-blogspot.png" alt=""/>
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- Facebook Like Button -->
		<div class="section" style="background:#faebd7;border-top:1px #fff solid;">
			<div class="holder">
				<div class="text-holder othersites" style="padding:10px;">
					<h2 style="color:#707173;">Find us on facebook</h2>

					<iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fjoypremiumdrinkingwater&amp;width=228&amp;colorscheme=light&amp;show_faces=true&amp;stream=false&amp;header=false&amp;height=243" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100%; height:243px;" id="ifacebook"></iframe>
				</div>
			</div>
		</div>
		
		<div id="footer">
			<div class="holder">
				<a name="sitemap"></a>
				<h2>More info on Joy Drinking Water</h2>
				<div class="columns">
					<div class="column" style="width:360px;">
						<h3 class="">
							<a href="#our-location">Our Location</a>
						</h3>
						<div class="box ">
							<img src="<?php echo get_template_directory_uri(); ?>/images/our-location.png" alt="Our location" style="width:100%;">
							<p style="margin-top:10px;line-height:22px;">
								House No. 25, Street 317, Sangkat Boeung Kak<br>
								Khan Toul Kork, Phnom Penh, Kingdom of Cambodia.<br>
								Tel: 023 881 923 / 016 988 168 / 089 918 484
							</p>
						</div>
					</div>
					<div class="column" style="width:280px;">
						<div class="box"></div>
						<h3 class=""><a href="/en_SG/41-from-the-heart-of-the-Alps">Quick Menu</a></h3>
						<div class="box ">
							<ul class="">
								<li><a href="#">Home</a></li>
								<li><a href="#">News</a></li>
								<li><a href="#">Company</a></li>
								<li><a href="#">Product</a></li>
								<li><a href="#">Qualification</a></li>
								<li><a href="#">Health</a></li>
								<li><a href="#">Media Center</a></li>
								<li><a href="#">Corporate Social Responsibilities</a></li>
								<li><a href="#">Contact Us</a></li>
							</ul>
						</div>
					</div>
					<div class="column" style="width:280px;">
						<div class="box"></div>
						<h3 class=""><a href="#">Connect with us</a></h3>
						<div class="box ">
							<ul class="">
								<li><a href="#">Find us on Facebook</a></li>
								<li><a href="#">Follow us on Twitter</a></li>
								<li><a href="#">Follow us on Google+</a></li>
								<li><a href="#">Watch Joy Videos</a></li>
						</div>
					</div>
				</div>
			</div>
			<div class="footer-frame">
				<p style="color:#fff;font-size:12px;padding:15px 0 10px 0;">
					Copyright © 2014 by Joy Premium Drinking Water. All Rights Reserved
				</p>
			</div>
		</div>
	</div>
</body>
</html>